<!--
 * @Author: lp 654528967@qq.com
 * @Date: 2022-06-21 11:40:52
 * @LastEditors: lp 654528967@qq.com
 * @LastEditTime: 2022-06-22 10:34:12
 * @FilePath: \nien-vue3-admin\src\views\myMission\businessHandling\processApplication\components\AccountingAndProducts.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <el-divider content-position="left">客户信息</el-divider>
    <el-descriptions title="客户信息">
      <el-descriptions-item label="客户全称">{{ form.wholeName }}</el-descriptions-item>
      <el-descriptions-item label="客户简称">{{ form.simpleName }}</el-descriptions-item>
      <el-descriptions-item label="客户代码">{{ form.custCode }}</el-descriptions-item>
    </el-descriptions>
    <el-divider content-position="left">账期</el-divider>
    <Accounting v-model="form.settlementMode" />
    <el-divider content-position="left">特殊产品</el-divider>
    <Products v-model="form.sysCustWeighing" />
  </div>
</template>
<script lang='ts' setup>
import { ref } from 'vue'
import Accounting from '@/views/myMission/businessHandling/processApplication/components/Accounting.vue'
import Products from '@/views/myMission/businessHandling/processApplication/components/Products.vue'

const form = ref<{
  wholeName:string,
  simpleName:string,
  custCode:string,
  sysCustWeighing:any[],
  settlementMode:any[],
}>({ wholeName: undefined, simpleName: undefined, custCode: undefined, sysCustWeighing: [], settlementMode: [] })
</script>
<!-- <style lang='less' scoped>
</style> -->